<style>
</style>
<template>
    <ly-page>
        <ly-navi title="饼图"></ly-navi>
        <ly-page-content>
            <el-row :gutter="10">
                <el-col :span="12">
                    <ly-panel >
                        <ly-panel-header title="原始数据">
                        </ly-panel-header>
                        <ly-panel-content>
                            <ly-chart-pie :date="date"
                                          link="/portal/chart/data/data4.json"></ly-chart-pie>
                        </ly-panel-content>
                    </ly-panel>
                </el-col>
                <el-col :span="12">
                    <ly-panel >
                        <ly-panel-header title="名称映射">
                        </ly-panel-header>
                        <ly-panel-content>
                            <ly-chart-pie :name_map="name_map" :date="date"
                                          link="/portal/chart/data/data4.json"></ly-chart-pie>
                        </ly-panel-content>
                    </ly-panel>
                </el-col>
            </el-row>
            <ly-code-view>
                <pre v-pre>
                    <ly-chart-pie :name_map="name_map" :date="date"
                                  link="/portal/chart/data/data4.json"></ly-chart-pie>
                </pre>
            </ly-code-view>

            <ly-markdown>
                <pre v-pre>
## `ly-chart-pie`
------

#### Attributes

| 属性名  |说明   | 类型|可选值|默认值|
| ------------ | ------------ |------------ |------------ |------------ |
|  link |数据网络地址	  |string |—	|—	|
|  params | 网络请求参数 会作为post参数提交	  |Object|-	|{}	|
|  date |  正常是时间类型参数 会以get提交		|Object |-|{}|
|  noGlobal | 不使用全局参数	|boolean |-	|默认请求参数包含 Ly.chart.global_params 全局参数|
|  height | 高度	  |int |-	|310	|
|  top | 距离顶部位置	  |int |-	|10	|
|  key_name |  名称取值的key	  |string |-	|g	|
|  key_value | 值取值 key	|string |-	|c|
|  name_map | 名称映射map	|object |—	|{}	|
|  color | 颜色取值	|array |['#efefef',等]	| 默认取 Ly.chart.color	|
                </pre>
            </ly-markdown>
        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define("", [], function () {
        return {
            data: function () {
                return {
                    chat_param:{
                        'a':'a',
                        'b':'b'
                    },
                    date:{
                        begin_time: dayjs().add(-24, 'h').unix(),
                        end_time: dayjs().unix()
                    },
                    name_map:{
                        '1011':"未登录",
                        '1002':"用户信息失败",
                        "1044":"没有权限",
                        '1001':"位置原因",
                    }
                }
            },
            created: function () {

            },
            mounted: function () {

            },
            methods: {
                showDialog: function () {


                },

            }
        }
    })
</script>